﻿
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
    <link href="css/demo.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery.js" type="text/javascript"></script>

    <script src="js/bootstrap.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#pics").cycle({
                fx: 'fade', //Hiệu ứng - Xem thêm các hiệu ứng tại đây: http://jquery.malsup.com/cycle/browser.html
                speed: 1000, //Tốc độ diễn ra hiệu ứng
                timeout: 5000, //3 giây: Thời gian thay đổi giữa các hình 1/1000 giây
                pager: '#slide-nav' //Tạo phân trang cho <div id="slide-nav"></div>
            });
            $('#searchtop').hide();
            //$('#searchadvanmargin').hide();
            var $search = $('#searchadvanmargin');
            $('#truot').click(function () {
                if ($search.css('right') == '-10px') {
                    $search
                        .animate(
                            {
                                'right': '-340px'
                                // to move it towards the right and, probably, off-screen.
                            }, 500
                            //function () {
                            //    $(this).slideUp('fast');
                            //    // once it's finished moving to the right, just 
                            //    // removes the the element from the display, you could use
                            //    // `remove()` instead, or whatever.
                            //}
                            );
                    $search.css('right', '-10px');
                }
                else {
                    $search
                       .animate(
                           {
                               'right': '-10px'
                               // to move it towards the right and, probably, off-screen.
                           }, 500

                           );
                }
            });
        });

        $(window).scroll(function () {
            if ($(window).scrollTop() > 280) {
                $('#searchtop').fadeIn(500);

            }
            else {
                $('#searchtop').fadeOut(500);
            }

        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">XÓM TRỌ</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">VietNam<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="District.aspx">Distric 1</a></li>

                                <li class="divider"></li>
                                <li><a href="#">Distric 2</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Distric 3</a></li>
                            </ul>
                        </li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Price <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Less than $50</a></li>

                                <li class="divider"></li>
                                <li><a href="#">$50 - $100</a></li>
                                <li class="divider"></li>
                                <li><a href="#">More than $100</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div id="searchtop" class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="where are your new home?" style="width: 250px" />
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </div>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">SIGN UP</a></li>
                        <li><a href="#">LOGIN</a></li>
                        <li><a href="#">HELP</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse -->
            </div>
        </div>

        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div id="searchadvanmargin">
            <div id="truot"></div>
            <div id="searchadvan">

                <div class="title-searchadvan">
                    <h2> Advance Search</h2>
                    <div class="form-horizontal search-advan-form" role="form">
                        <div class="form-group">
                            <label for="selectdistrict" class="col-sm-2 control-label">Select District </label>
                            <div class="col-sm-10">
                                <select class="form-control" id="selectdistrict">
                                    <option>Choose District</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Chooseroomtype" class="col-sm-2 control-label">Choose Size</label>
                            <div class="col-sm-10">
                                <select class="form-control" id="Select1">
                                    <option>Choose Room Type</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Choosesize" class="col-sm-2 control-label">Choose Size</label>
                            <div class="col-sm-10">
                                <select class="form-control" id="Choosesize">
                                    <option>Choose Size</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Chooseprice" class="col-sm-2 control-label">Choose Price</label>
                            <div class="col-sm-10">
                                <select class="form-control" id="Chooseprice">
                                    <option>Choose Price</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">Search</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="hero1" style="background-color: black">


            <div id="pics">
                <div class="photoslide">
                    <img src="IMGS/image5.jpg" alt="Picture 1" class="image-slide" width="1600" height="500" />
                </div>
                <div class="photoslide">
                    <img src="IMGS/image6.jpg" alt="Picture 2" class="image-slide" width="1600" height="500" />
                </div>
                <div class="photoslide">
                    <img src="IMGS/image5.jpg" alt="Picture 3" class="image-slide" width="1600" height="500" />
                </div>
                <div class="photoslide">
                    <img src="IMGS/image6.jpg" alt="Picture 4" class="image-slide" width="1600" height="500" />
                </div>
            </div>

        </div>
        <div class="search-area">
            <div class="page-container">
                <div class="row">
                    <div class="col-sm-11">
                        <div id="blob-bg"></div>
                        <h1 class="text-special">Find a place to stay.
                        </h1>
                        <h2 class="text-special2">Rent from people in over 20 distric and 54 cities.
                        </h2>
                        <div id="search_form">
                            <div class="form-inline" role="form">
                                <div class="form-group">
                                    <label class="sr-only" for="where">Where</label>
                                    <input type="text" class="form-control" id="where" placeholder="Where are your dream house?" style="width: 600px" />
                                </div>
                                <%--<div class="form-group">
                                    <label class="sr-only" for="numberroom">Password</label>
                                    <input type="text" class="form-control" id="numberroom" placeholder="How number?" style="width: 200px" />
                                </div>--%>

                                <button type="submit" class="btn btn-default">Search</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="background-color: rgb(239, 239, 239)">
            <div class="container">
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#showmore').hide();
                        var firstspeech = $('#showmore');
                        $('#linkmore').click(function () {
                            firstspeech.slideToggle('slow');
                            var $link = $(this);
                            if ($link.text() == "Show more") {
                                $link.text('Show less');
                            }
                            else {
                                $link.text('Show more');
                            }
                            return false;
                            //$('.speech p:eq(1)').show('show'); //fadeIn('slow') fadeOut(‘slow’)
                            //$(this).hide();
                            //return false;
                        });

                        //    $('.detail').hide();
                        //    $('.avaimg').hover(function () {
                        //        $('.detail').show();
                        //    },

                        //        function () {
                        //            $('.detail').hide();
                        //});
                        //$('.detail').hide();
                        //      $('.avaimg').hover(function () {
                        //          $('.detail').fadeIn(500);
                        //      });

                        //      $('.avaimg').mouseleave(function () {
                        //    $('.detail').fadeOut(500);

                        //});
                        //      });  $('.tb_cover_wr').hover(function(){

                        //$('.avaimg').hover(function () {
                        //    $('.detail').fadeToggle();
                        //});
                        $(".avaimg").hover(function () {
                            $(this).find(".detail").stop().fadeIn(500);
                        }, function () {
                            $(this).find(".detail").stop().fadeOut(500);
                        });
                    });
                </script>
                <!-- Example row of columns -->

                <div class="row">
                    <h2>Distric 7</h2>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>White House</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image4.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>White House</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image5.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>

                    <h2>Distric 1</h2>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                </div>

                <div id="showmore">
                    <div class="row">
                        <h2>Distric 7</h2>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <h2>Distric 1</h2>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>

                <a id="linkmore" href="#">Show more</a>
                <hr />


            </div>
        </div>
        <div class="container">
            <footer>
                <p>© Company 2013</p>
            </footer>
        </div>
        <!-- /container -->


        <!-- Bootstrap core JavaScript
    ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
    </form>
</body>
</html>
